<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车模块</title>
    <link rel="stylesheet" href="../css/test17.css">
    <script src="../js/juqery.js"></script>
    <script src="../js/test17.js"></script>
</head>

<body>
    <div class="box">
        <div class="top">
            <div class="a1">
                <input type="checkbox" class="checkall">
                <span>全部</span>
            </div>
            <span class="goods">商品</span>
            <div class="a2">
                <span>单价</span>
                <span>数量</span>
                <span>小计</span>
                <span>操作</span>
            </div>

        </div>
        <ul class="gouwu">
            <li>
                <input type="checkbox" class="checkbox">
                <a href="javascript:;"><img src="../images/11.webp" alt=""></a>
                <span class="p-right">
                    <span class="danjia">￥1699.00</span>
                    <span class="num">
                        <span class="min">-</span>
                        <input type="text" value="1" class="itxt">
                        <span class="add">+</span>
                    </span>
                    <span class="xiaoji">￥1699.00</span>
                    <a href="javascript:;">删除</a>
                </span>
            </li>
            <li>
                <input type="checkbox" class="checkbox">
                <a href="javascript:;"><img src="../images/22.webp" alt=""></a>
                <span class="p-right">
                    <span class="danjia">￥1999.00</span>
                    <span class="num">
                        <span class="min">-</span>
                        <input type="text" value="1" class="itxt">
                        <span class="add">+</span>
                    </span>
                    <span class="xiaoji">￥1999.00</span>
                    <a href="javascript:;">删除</a>
                </span>
            </li>
            <li>
                <input type="checkbox" class="checkbox">
                <a href="javascript:;"><img src="../images/33.webp" alt=""></a>
                <span class="p-right">
                    <span class="danjia">￥2699.00</span>
                    <span class="num">
                        <span class="min">-</span>
                        <input type="text" value="1" class="itxt">
                        <span class="add">+</span>
                    </span>
                    <span class="xiaoji">￥2699.00</span>
                    <a href="javascript:;">删除</a>
                </span>
            </li>
            <li>
                <input type="checkbox" class="checkbox">
                <a href="javascript:;"><img src="../images/44.webp" alt=""></a>
                <span class="p-right">
                    <span class="danjia">￥4699.00</span>
                    <span class="num">
                        <span class="min">-</span>
                        <input type="text" value="1" class="itxt">
                        <span class="add">+</span>
                    </span>
                    <span class="xiaoji">￥4699.00</span>
                    <a href="javascript:;">删除</a>
                </span>
            </li>
        </ul>
        <div class="bottom">
            <div class="left">
                <input type="checkbox" class="checkall">
                <span class="">全选</span>
                <span class="xuanzhong">删除选中的商品</span>
                <span class="">移到关注</span>
                <span class="clear">清理购物车</span>
            </div>
            <div class="right">
                <span class="">已选择<em>1</em>件商品</span>
                <span class="">总价：</span>
                <span class="zongjia">￥1699</span>
            </div>
        </div>
    </div>
</body>

</html>